<template>
  <section class="big-screen-b">
    <app-big-screen-scale>
      <header class="header"/>
      <router-view v-slot="{Component,route}">
        <transition mode="out-in" leave-active-class="fade-out">
          <component :is="Component"></component>
        </transition>
      </router-view>
      <NavBar/>
    </app-big-screen-scale>
  </section>
</template>
<script setup lang="ts">
import NavBar from "./childComponents/NavBar.vue";
</script>
<style lang="less">
@import "./style/animation.css";
.big-screen-b{
  width: 100vw;
  height: 100vh;
  background: #172342;
  overflow: hidden;
  .header {
    background-image: url(./assets/header.svg);
    height: 78.56px;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

</style>
